<template>
    <div class="items" @click="handing">
        <span>{{Title}}</span>
        <a href="javascript:;" class="focus">
          {{Text}}
          <i class="operation iconfont iconnew iconjiantou1"></i>
        </a>
    </div>
</template>

<script>
export default {
    props:['Title','Text'],
    methods:{
      handing(){
        this.$emit('clicked');
      }
    }
}
</script>

<style lang="less" scoped>
.items {
    display: flex;
    height: 50/360 * 100vw;
    line-height: 50/360 * 100vw;
    font-size: 16/360*100vw;
    justify-content: space-between;
    border-bottom: 1/360 * 100vw solid #e4e4e4;
    a {
      color: #ababab;
      margin-right: 10/360 * 100vw;
      .operation {
        margin-left: 5/360 * 100vw;
      }
    }
  }
</style>>

</style>